<template>
  <div class="hot-box" align="left">
    <p>
      <b>推荐</b>
    </p>
    <el-table :data="hotPress" :show-header="false">
      <el-table-column prop="title" show-overflow-tooltip> </el-table-column>
      <el-table-column prop="time" width="110" show-overflow-tooltip>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      hotPress: [
        {
          title: "我都会扫荡黑搜鞍部佛教的不是覅觉得",
          time: "2023-12-02 14:23",
        },
        {
          title: "我都会扫荡黑搜鞍部佛教的不是覅觉得",
          time: "2023-12-02 14:23",
        },
        {
          title: "我都会扫荡黑搜鞍部佛教的不是覅觉得",
          time: "2023-12-02 14:23",
        },
        {
          title: "我都会扫荡黑搜鞍部佛教的不是覅觉得",
          time: "2023-12-02 14:23",
        },
      ],
    };
  },
};
</script>

<style lang="scss" scoped>
.hot-box {
  max-width: 360px;

  .el-table {
    background: none;
    ::v-deep .el-table__row td {
      transition: 0.3s;
    }
    ::v-deep .el-table__row td:hover {
      cursor: pointer;
    }
    ::v-deep .el-table,
    ::v-deep .el-table__expanded-cell,
    ::v-deep .el-table tr,
    ::v-deep .el-table__row {
      background-color: transparent;
    }
  }
}
</style>